<template>
  <div class="project_box">
  
    <div class="item-img">
      <img class="item-img" :src="this.getUIR(project.img)" alt="">
    </div>
    
    
    <div class="cover">
      {{project.name}}
    </div>
 
  </div>
</template>

<script>
/*
code: 400,
msg: request:fail Network Error,
detail: {"errMsg":"request:fail Network Error"}
 */
export default {
  name: 'Project',
  props: {
    project:Object,
  },
  data(){
    return{
    
    }
  }
}
</script>

<style>
.project_box {
  padding: 0 0;
  position: relative;
}
.item-img{
  width: 150px;
  height: 124px;
  /*position: absolute;*/
  /*bottom: 0;*/
}
.cover{
  width: 100%;
  height: 15px;
  opacity: 0.5;
  font-size: 13px;
  color: white;
  font-family: 楷体;
  position: absolute;
  bottom: 0px;
  /*background-color: rgb(148, 145, 142);*/
  background-color: black;
}
*{
  margin: 0 0;
  padding: 0 0 ;
}
</style>
